.border {
    border: 1px solid black;
}

.bdLeft {
    border-left: 1px solid black;
}

.bdRight {
    border-left: 1px solid black;
}

.bdTop {
    border-left: 1px solid black;
}

.bdBottom {
    border-left: 1px solid black;
}

#app {
    width: 80%;
    margin: 0 auto;

    border-bottom: none;

    .logo-t {
        display: flex;
        align-items: center;


        img {
            width: 2rem;
            height: 1.2rem;
        }

        h1 {
            font-size: 25px;
            margin-left: .2rem;
        }

        span {
            display: block;
            width: .5rem;
            height: .3rem;
            background-color: red;
            color: #fff;
            line-height: .3rem;
            text-align: center;
            border-radius: 5px;
            margin-left: 6rem;
        }
    }

    .logo-b {


        ul {
            display: flex;
            justify-content: space-around;

            .checkall {
                margin-right: 1.2rem;
            }

            li {
                font-size: .16rem;
            }
        }
    }

    .logo-bb {

        margin: .2rem .55rem;
    }

    //商品信息
    .goods-wrap {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        background-color: rgb(240, 240, 240);
        border-bottom: 1px solid rgb(194, 192, 192);

        .img-wrap {
            img {
                width: 1rem;
                height: 1.2rem;
                margin: .2rem 0;
            }
        }

        .op-wrap {
            display: flex;
            align-items: center;
            justify-content: center;

            .edit {
                width: .2rem;
                height: .2rem;

                text-align: center;
                line-height: .2rem;
                background-color: #ccc;
                cursor: pointer;

                &:hover {
                    background-color: red;
                }
            }

            .goods-num {
                width: .4rem;
                height: .2rem;
                text-align: center;
                line-height: .2rem;
            }
        }
    }

    .close {
        display: flex;
        align-items: center;
        margin-top: .2rem;
        margin-bottom: .2rem;
        width: 100%;
        height: 1rem;
        background-color: rgb(240, 240, 240);

        input {
            margin-left: .1rem;
        }

        p {
            margin-left: .1rem;
            margin-right: 1rem;
        }

        span {
            display: block;
            width: .8rem;
            height: .4rem;
            text-align: center;
            color: #fff;
            background-color: red;
            line-height: .4rem;
        }
    }

}